/*
 This file 'spinbox' is part of Firebird Integrated Solution 1.0

 Copyright (c) 2015 Lincong

 Contact:  
        Email: lincong1987@gmail.com

        QQ: 159257119
 
 See Usage at http://www.jplatformx.com/firebird

 Create date: 2015-03-15 19:54
 */

/* 数字录入控件 */
.fb-spinbox-wrap {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	margin-right: 10px;

	.fb-spinbox-input {
		outline: none;
		float: left;
		width: 36px;
		margin: 0;
		border: 1px solid #ddd;
		height: 16px;
		line-height: 16px;
		padding: 6px 5px;
		color: #555;
		border-right: 0;
	}
	.btn-wrap {
		float: left;
	}
	a {
		display: block;
		font-size: 0;
		height: 16px;
		width: 16px;
		overflow: hidden;
		background-position: 0 -80px;
		cursor: pointer;
	}

	.btn-down {
		height: 14px;
		background-position: 0 -96px;
		position: relative;
	}

	&.ui-spinbox-hover {
		box-shadow: 0 1px 1px #ddd;

		.input-txt {
			border-color: #ccc;
		}
		.btn-up {
			background-position: -16px -80px;
		}
		.btn-down {
			background-position: -16px -96px;
		}
	}

}


.ui-spinbox-hover .btn-wrap-hover .btn-up {
	background-position: -48px -80px;
}

.ui-spinbox-hover .btn-wrap-hover .btn-down {
	background-position: -48px -96px;
}

.ui-spinbox-hover .btn-wrap-hover .btn-up:hover {
	background-position: 0 -112px;
}

.ui-spinbox-hover .btn-wrap-hover .btn-down:hover {
	background-position: 0 -128px;
}

.ui-spinbox-active .input-txt {
	border-color: #aaa;
}

.ui-spinbox-active .btn-up {
	background-position: -32px -80px;
}

.ui-spinbox-active .btn-down {
	background-position: -32px -96px;
}

.ui-spinbox-active .btn-wrap-hover .btn-up {
	background-position: -16px -112px;
}

.ui-spinbox-active .btn-wrap-hover .btn-down {
	background-position: -16px -128px;
}

.ui-spinbox-active .btn-wrap-hover .btn-up:hover {
	background-position: -32px -112px;
}

.ui-spinbox-active .btn-wrap-hover .btn-down:hover {
	background-position: -32px -128px;
}

.ui-spinbox-disabled .input-txt {
	background-color: #f0f0f0;
	color: #ccc;
	border-color: #ddd;
}

.ui-spinbox-disabled a {
	cursor: default;
}

.ui-spinbox-disabled .btn-up, .ui-spinbox-disabled .btn-wrap-hover .btn-up, .ui-spinbox-disabled .btn-wrap-hover .btn-up:hover {
	background-position: -48px -112px;
}

.ui-spinbox-disabled .btn-down, .ui-spinbox-disabled .btn-wrap-hover .btn-down, .ui-spinbox-disabled .btn-wrap-hover .btn-down:hover {
	background-position: -48px -128px;
}
